<!DOCTYPE html>
<html>

<head>
	<title>慕课网-程序员的梦工厂</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- 兼容移动设备 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<!-- 让IE的文档渲染模式永远都是最新的 -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
	<!-- header菜单栏 -->
	<div class="header header-white">
		<a class="home" href="index.html" title="慕课网">
			<img src="img/logo.png" alt="">
		</a>
		<ul class="menu">
			<li class="item"><a class="item-hover" href="freecourse.html">免费课程</a></li>
			<li class="item "><a class="item-hover" href="careerpath.html">职业路径</a></li>
			<li class="item "><a class="item-hover" href="shizhan.html">实战</a></li>
			<li class="item "><a class="item-hover" href="ask.html">猿问</a></li>
			<li class="item "><a class="item-hover" href="discovery.html">发现</a></li>
		</ul>
		<ul class="header-unlogin clearfix">
			<li class="login">
				<img class="login-img" src="img/VIP.png" alt="登录">
				<a href="#">登录</a>
			</li>
		</ul>
		<div class="search-area">
			<input placeholder="请输入想要的搜索内容..." class="search-input" type="text">
			<div class="search-btn"><i class="icon icon-search">&#xe63d;</i></div>
		</div>

	</div>
	<!-- banner -->
	<div class="banner">
		<div class="banner-wrap">
			<div class="banner-menu-prev">
				<div class="banner-menu-prev-button">
					<img src="img/prev.png" alt="">
				</div>
			</div>
			<ul class="banner-menu">

				<li class="banner-menu-item ">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>
				<li class="banner-menu-item">
					<a href="#">前端开发</a>
					<div class="banner-menu-item-detail hide">
						<div class="light">
							<div class="xian">
								<span>基础</span>
							</div>
							<a>HTML/CSS</a>
							<a>JavaScript</a>
							<a>JQuery</a>

							<div class="xian mrt30" style="margin-top: 30px;">
								<span>进阶</span>
							</div>
							<a>HTML5</a>
							<a>CSS3</a>
							<a>Node.js</a>
							<a>AngularJS</a>
							<a>Bootstrap</a>
							<a>React</a>
						</div>
					</div>
				</li>

			</ul>
			<div class="banner-menu-next">
				<div class="banner-menu-next-button">
					<img src="img/next.png" alt="">
				</div>
			</div>
			<div class="banner-right">
				<div class="banner-img">
					<div class="swiper-wrapper">
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo1.jpg) no-repeat ;background-size: 936px 444px;"></div>
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo2.jpg) no-repeat ;background-size:936px 444px;"></div>
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo3.jpg) no-repeat ;background-size: 936px 444px;"></div>
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo4.jpg) no-repeat ;background-size: 936px 444px;"></div>
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo5.jpg) no-repeat ;background-size:936px 444px;"></div>
						<div class="swiper-slide" data-swiper-autoplay="3000"
							style="background:url(img/lunbo.jpg) no-repeat ;background-size: 936px 444px;"></div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination swiper-pagination-white"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next swiper-button-white"></div>
					<div class="swiper-button-prev swiper-button-white"></div>
				</div>
			</div>
		</div>
	</div>

	
	<!-- 实战推荐 -->
	<div class="shizhan">
		<div class="shizhan-wrap">
			<h3 class="shizhan-title">
				<span class="i-shizhan-l"></span>
				<em>实</em>/<em>战</em>/<em>推</em>/<em>荐</em>
				<span class="i-shizhan-r"></span>
			</h3>
			<div class="shizhan-content">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
		</div>
	</div>
	<!-- 新上好课 -->
	<div class="newcourse">
		<div class="newcourse-wrap">
			<h3 class="newcourse-title">
				<span class="i-newcourse-l"></span>
				<em>新</em>/<em>上</em>/<em>好</em>/<em>课</em>
				<span class="i-newcourse-r"></span>
			</h3>
			<div class="newcourse-content">
				<div class="line-content clearfix">
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Python</span>
							<img src="img/shizhan1.jpg" alt="">
						</div>
						<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan2.jpg" alt="">
						</div>
						<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>517</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥399.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan3.jpg" alt="">
						</div>
						<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>81</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">HTML/CSS</span>
							<img src="img/shizhan4.jpg" alt="">
						</div>
						<p class="shizhan-desc">前端跳槽面试必备技巧</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan5.jpg" alt="">
						</div>
						<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥348.00</p>
					</a>
				</div>
				<div class="line-content clearfix">
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Python</span>
							<img src="img/shizhan1.jpg" alt="">
						</div>
						<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan2.jpg" alt="">
						</div>
						<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>517</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥399.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan3.jpg" alt="">
						</div>
						<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>81</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item mr18">
						<div class="img">
							<span class="tag">HTML/CSS</span>
							<img src="img/shizhan4.jpg" alt="">
						</div>
						<p class="shizhan-desc">前端跳槽面试必备技巧</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥366.00</p>
					</a>
					<a href="#" class="content-item">
						<div class="img">
							<span class="tag">Java</span>
							<img src="img/shizhan5.jpg" alt="">
						</div>
						<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
						<div class="card-info">
							<span>实战</span>
							<span>初级</span>
							<span><i class="icon icon-user">&#xe646;</i>2289</span>
							<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
									class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
						</div>
						<p class="price">￥348.00</p>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 新手入门 -->
	<div class="rumen">
		<div class="rumen-wrap">
			<h3 class="rumen-title">
				<span class="i-rumen-l"></span>
				<em>新</em>/<em>手</em>/<em>入</em>/<em>门</em>
				<span class="i-rumen-r"></span>
			</h3>
			<div class="big-title">
				<a class="big-t-1 mr18" href="#">
					<p class="strong">火爆微信小程序开发，只有实用，没有套路！</p>
					<p class="normal">0门槛搭建微信小程序，大步迈入微信“小”时代</p>
				</a>
				<a class="big-t-2" href="#">
					<p class="strong">快速获取5大领域最热门的IT新技术</p>
					<p class="normal">领跑IT技术职场最前沿，做企业新型抢手IT精英</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
		</div>
	</div>

	<!-- 技能提升 -->
	<div class="skill">
		<div class="skill-wrap">
			<h3 class="skill-title">
				<span class="i-skill-l"></span>
				<em>技</em>/<em>能</em>/<em>提</em>/<em>升</em>
				<span class="i-skill-r"></span>
			</h3>
			<div class="big-title">
				<a class="big-t-1 mr18" href="#">
					<p class="strong">火爆微信小程序开发，只有实用，没有套路！</p>
					<p class="normal">0门槛搭建微信小程序，大步迈入微信“小”时代</p>
				</a>
				<a class="big-t-2" href="#">
					<p class="strong">快速获取5大领域最热门的IT新技术</p>
					<p class="normal">领跑IT技术职场最前沿，做企业新型抢手IT精英</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
		</div>
	</div>

	<!-- 前沿技术 -->
	<div class="tech">
		<div class="tech-wrap">
			<h3 class="tech-title">
				<span class="i-tech-l"></span>
				<em>前</em>/<em>沿</em>/<em>技</em>/<em>术</em>
				<span class="i-tech-r"></span>
			</h3>
			<div class="big-title">
				<a class="big-t-1 mr18" href="#">
					<p class="strong">火爆微信小程序开发，只有实用，没有套路！</p>
					<p class="normal">0门槛搭建微信小程序，大步迈入微信“小”时代</p>
				</a>
				<a class="big-t-2" href="#">
					<p class="strong">快速获取5大领域最热门的IT新技术</p>
					<p class="normal">领跑IT技术职场最前沿，做企业新型抢手IT精英</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
			<div class="line-content clearfix">
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Python</span>
						<img src="img/shizhan1.jpg" alt="">
					</div>
					<p class="shizhan-desc">全网最热Python3入门+进阶 更快上手实际开发</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan2.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>517</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥399.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan3.jpg" alt="">
					</div>
					<p class="shizhan-desc">Java深入微服务原理该着房产销售平台</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>81</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item mr18">
					<div class="img">
						<span class="tag">HTML/CSS</span>
						<img src="img/shizhan4.jpg" alt="">
					</div>
					<p class="shizhan-desc">前端跳槽面试必备技巧</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥366.00</p>
				</a>
				<a href="#" class="content-item">
					<div class="img">
						<span class="tag">Java</span>
						<img src="img/shizhan5.jpg" alt="">
					</div>
					<p class="shizhan-desc">Spring Boot企业微信点餐系统</p>
					<div class="card-info">
						<span>实战</span>
						<span>初级</span>
						<span><i class="icon icon-user">&#xe646;</i>2289</span>
						<span style="margin-right: 0px;color: #ff9900;"><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i><i
								class="icon icon-star">&#xe676;</i><i class="icon icon-star">&#xe676;</i></span>
					</div>
					<p class="price">￥348.00</p>
				</a>
			</div>
		</div>
	</div>

	<!-- footer -->
	<div class="footer">
		<div class="footer-wrap">
			<div class="blog">
				<div class="mr22 chat">

				</div>
			</div>
			<div class="footer-links">
				<a href="#">企业合作</a>
				<a href="">人才招聘</a>
				<a href="">联系我们</a>
				<a href="">讲师招聘</a>
				<a href="">常见问题</a>
				<a href="">意见反馈</a>
				<a href="">慕课大学</a>
				<a href="">友情链接</a>
			</div>
			<p>© 2018 imooc.com 京ICP备 13046642号-2</p>
		</div>
	</div>


	<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>

</html>